<!DOCTYPE html>
<html ng-app="notesApp">
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body ng-controller="MainCtrl as ctrl">
		<div ng-repeat="note in ctrl.notes">
			<div>{{$first}}</div>
			<div>{{$middle}}</div>
			<div>{{$last}}</div>
			<div>{{$index}}</div>
			<div>{{$even}}</div>
			<div>{{$odd}}</div>
			
			<span>{{note.label}}</span>
			<span>{{note.done}}</span>
		</div>
	</body>
	<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		angular.module('notesApp', [])
		.controller('MainCtrl', [function(){
			var self = this;
			self.notes = [
				{id: 1, label: 'First Note', done: false},
				{id: 2, label: 'Second Note', done: false},
				{id: 3, label: 'Done Note', done: true},
				{id: 4, label: 'Last Note', done: false}
			];
		}]);
	</script>
</html>
